

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Senarai Laporan</title>
        <link rel="stylesheet" href="styles/jquery.jgrowl.css" type="text/css"/>
        <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery.jgrowl.js"></script>
        <script type="text/javascript" src="pub/js/clear-text.js"></script>
        <script type="text/javascript" src="pub/js/jquery.form.js"></script>
        <script type="text/javascript">           
             
            function doWrite(event)  {
                frm = document.laporan;
                var queryString = $(frm).formSerialize();
                var url = frm.action + '?' + event + '&' + queryString;
                window.open(url, 'JAKOA', "status=0,toolbar=0,location=0,menubar=0,width=850,height=600,scrollbars=yes");
            }
                
        </script>
    </head>
    <body>
        <div class="main_right">
            <s:useActionBean beanclass="com.jkoa.util.ListUtil" var="list"/>        
            <s:form beanclass="com.jkoa.stripes.action.MaklumatPeribadiAction" name="form1">
                <%--<fieldset class="aras1">--%>
                <div class="content" align="center">

                    <table class="tablecloth" width="100%">                        

                        <tr><th colspan="3">Maklumat Carian</th></tr>

                        <tr>
                            <td width="200px" style="text-align: right"><font color="Red">*</font>Nama</td>
                            <td>:</td>
                            <td><s:text name="peribadi.nama" style="width:400px" class="required"/></td>
                        </tr>
                        <tr>
                            <td style="text-align: right"><font color="Red">*</font>Jenis Pengenalan</td>
                            <td>:</td>
                            <td>
                                <s:select name="peribadi.kodPengenalan" class="required">
                                    <s:option value="">Sila Pilih</s:option>
                                    <s:options-collection collection="${list.senaraiPengenalan}" label="nama" value="kod"/>
                                </s:select>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: right"><font color="Red">*</font>No Pengenalan</td>
                            <td>:</td>
                            <td><s:text name="peribadi.noPengenalan" 
                                    style="width:400px" class="required"/></td>
                        </tr>

                        <tr><td colspan="3">

                                <div align="center">
                                    <s:submit name="search" value="Cari" class="btn fix_width" />
                                    <s:button name="reset" value="Isi Semula" class="btn fix_width"/>
                                </div>

                            </td></tr>
                    </table>
                    <display:table class="tablecloth" style="width:100%; border:0px;  bordercolor:#BBB;" 
                                   name="${actionBean.senaraiPemohon}" pagesize="10"
                                   cellpadding="0" cellspacing="0" id="line"
                                   requestURI="/laporan">
                        <display:column title="Bil" sortable="true" 
                                        style="vertical-align:baseline">${line_rowNum}</display:column>
                        <display:column title="Nama">
                            <a href="${pageContext.request.contextPath}/maklumat_peribadi?editForm&id=${line.idPeribadi}">
                                ${line.nama}</a></display:column>
                        <display:column title="Jenis Pengenalan" property="kodPengenalan.nama"/>
                        <display:column title="No Pengenalan" property="noPengenalan"/>
                        <display:column title="Jantina" property="jantina.nama"/>
                    </display:table>
                </div>
            </s:form>
        </div>
    </body>
</html>
